/**
 * 通用css样式布局处理
 * Copyright (c) 2019 ruoyi
 */

/** 基础通用 **/

html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	font-weight:normal;
	vertical-align:baseline;
}
.pagination-container .el-pagination {
}
@media (max-width: 768px) {
  .pagination-container .el-pagination > .el-pagination__jump {
    display: none !important;
  }
  .pagination-container .el-pagination > .el-pagination__sizes {
    display: none !important;
  }
}

.el-table .fixed-width .el-button--small {
  padding-left: 0;
  padding-right: 0;
  width: inherit;
}


.el-card__header {
  padding: 14px 15px 7px !important;
  min-height: 40px;
}

.el-card__body {
  padding: 15px 20px 20px 20px !important;
}

.card-box {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 10px;
}

@font-face {
  font-family: "ledlight";
  src: url("@/assets/font/ledlight.ttf") format("truetype");
}
@font-face {
  font-family: "ledfellow";
  src: url("@/assets/font/ledfellow.ttf") format("truetype");
}

//大屏数字字体
.ledlight {
  font-family: "ledlight";
}
.ledfellow {
  font-family: "ledfellow";
}

.my-table {
  background-color: transparent;
  // .el-table__header-wrapper{
  // 	display: none;
  // }
  .el-table__inner-wrapper {
    &::before {
      background-color: transparent;
    }
  }
  &.el-table th.el-table__cell.is-leaf{
    border-bottom:none
  }
}
.my-input {
  .el-input__wrapper {
    background: #01245d;
    box-shadow: inset 0 0 2px 0 #389de0;
  }
  .el-input__inner {
    height: 44px;
    color: #fff;
  }
  .el-textarea__inner {
    background: #01245d;
    box-shadow: inset 0 0 2px 0 #389de0;
    color: #fff;
  }
}

.my-pagination {
  padding-left: 4px;
  .el-pagination {
    .el-pagination__total {
      color: #fff;
    }
    .btn-prev,
    .btn-next {
      background-color: transparent;
    }
    .el-pager li {
      background-color: transparent;
      color: #fff;
      border: 1px solid #00ACF5 ;
      
    }
  }
}

// 通用滚动条样式
.scrollbar-style {
  &::-webkit-scrollbar {
    width: 5px;
  }
  &::-webkit-scrollbar-thumb {
    background-color: #44a6e8d5;
    border-radius: 3px;
  }
  &::-webkit-scrollbar-track {
    background-color: #072f33;
    border-radius: 100px;
  }
}

.my-scrollbar {
  @extend .scrollbar-style;
  direction: rtl; // 滚动条在左侧

  > * {
    direction: ltr; // 保证内容方向为从左到右
  }

}


.my-scrollbar2 {
  @extend .scrollbar-style;
}
.my-collapse {
  border-bottom: none;
  border-top: none;
  .el-icon{
    display: none;
  }
  .el-collapse-item__header {
    background: transparent;
    color: #fff;
    border-bottom: none;
    height: 1.75rem;
  }
  .el-collapse-item__wrap {
    background: transparent;
    color: #fff;
    border-bottom: none;
    .el-collapse-item__content {
    }
  }
}
//日期选择
.el-date-editor.el-input,
.el-date-editor.el-range-input,
.el-date-editor.el-input__wrapper {
  background: #01245d;
  box-shadow: inset 0 0 2px 0 #389de0;
}

.el-date-editor.el-input,
.el-date-editor.el-input__wrapper .el-input__inner {
  background: #01245d;
  box-shadow: inset 0 0 2px 0 #389de0;
}
.el-date-editor .el-range-input {
  color: #fff;
}
.el-date-editor .el-range-separator {
  color: #fff;
}

.my-date{
  .el-input__wrapper{
    background: #01245d;
    box-shadow: inset 0 0 2px 0 #389de0;
  }
}

.my-select {
  .el-select__wrapper {
    background: #01245d;
    box-shadow: inset 0 0 2px 0 #389de0;
    .el-input__wrapper {
      .el-select__selected-item {
        &.el-select__placeholder {
          color: #fff;
        }
      }
    }
  }
}
.my-select-popper{
  &.is-light{
    background: #071234;
    border: 1px solid #0D2063;
  }
  .el-select-dropdown__item {
    background: #071234;
    color: #EDEDED;
    &.is-hovering{
      background: #0D2063;
    }
  }
  .el-popper__arrow{
    &::before{
      background: #071234 !important;
      border: #0D2063 !important;
    }
   }
 
}


//步骤条的样式
.my-steps {
  .el-step {
    .el-step__head {
      .el-step__icon{
        width: 36px;
        height: 36px;
        font-size: 18px;
      }
		&.is-process,&.is-wait {
			.el-step__line{
				background-color: #112A79;
			}
			.el-step__icon{
        background-color: #112A79;
        color: #C0D0FE;
        border: #112A79;
				
			}
   
		}
    &.is-success {
      border-color: #008DFF;
      color: #008DFF;
      .el-step__line{
				background-color: #008DFF;
			}
			.el-step__icon{
        background-color: #008DFF;
        color: #081331;
        border: none;
				
			}
    
    }
    }
    .el-step__main {
      .el-step__title {
        &.is-success{
          color: #008DFF;
        }

        &.is-process,&.is-wait{
          color:#C0D0FE;;
        }

      }

    }
  }
}
.my-tree {
  background-color: transparent !important;
  &.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
    background-color: transparent;
    color: #2fe5e7;
  }
  .el-tree-node__content {
    background-color: transparent !important;
    &:hover {
      background-color: transparent;
      color: #2fe5e7;
    }
    font-size: 16px;
    color: #fff;
    .el-tree-node__expand-icon {
      color: transparent;
      cursor:default;
    }
    .el-checkbox__input.is-checked{
      .el-checkbox__inner{
        background-color: transparent;
        border-color: hsla(0,0%,100%,.5);

      }

    }
 

  }
 
}



.my-checkbox{
  .el-checkbox__input.is-checked,.el-checkbox__input.is-indeterminate{
    .el-checkbox__inner{
      background-color: transparent;
      border-color: hsla(0,0%,100%,.5);
    }
    +.el-checkbox__label{
      color: #9ca4b7;
    }
  }

}
.threejs-layer {
  background: url("@/assets/img/card_bg.png") no-repeat center center;
  background-size: contain; /* 背景图片按比例缩放，覆盖整个容器 */


}
